<!-- Content Header (Page header) -->
<section class="content-header">
    <div class="position pull-lift">
        <i class="fa fa-home"></i>
        <a href="student-index.html">首页</a>
        <span class="c-gray en">&gt;</span>
        第二课堂
        <span class="c-gray en">&gt;</span>
        学分预计
        <div class="pull-right">
            <span type="button" class="btn btn-sm btn-success btn-nav " data-toggle="modal" data-target="#modal">添加规则</span>
            <span type="button" class="btn btn-sm btn-primary btn-refresh ">刷新</span>
        </div>
    </div>
</section>
<!-- Main content -->
<section class="content">
    <!--.box -->
    <div class="box">

        <div class="box-body">
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <td>#</td>
                        <td>名称</td>
                        <td>时间</td>
                        <td>年级</td>
                        <td>预警分数</td>
                        <td>启用</td>
                        <td>操作</td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>14预警</td>
                        <td>2017/09/01</td>
                        <td>14</td>
                        <td>70</td>
                        <td>
                            <a href="#" class="label label-success">启用</a>
                        </td>
                        <td>
                            <a href="#" class="label label-primary">执行</a>
                            <a href="#" class="label label-warning">编辑</a>
                            <a href="#" class="label label-danger">删除</a>
                        </td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>15预警</td>
                        <td>2017/09/01</td>
                        <td>15</td>
                        <td>50</td>
                        <td>
                            <a href="#" class="label label-warning">停用</a>
                        </td>
                        <td>
                            <a href="#" class="label label-primary">执行</a>
                            <a href="#" class="label label-warning">编辑</a>
                            <a href="#" class="label label-danger">删除</a>
                        </td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>16预警</td>
                        <td>2017/09/01</td>
                        <td>16</td>
                        <td>30</td>
                        <td>
                            <a href="#" class="label label-success">启用</a>
                        </td>
                        <td>
                            <a href="#" class="label label-primary">执行</a>
                            <a href="#" class="label label-warning">编辑</a>
                            <a href="#" class="label label-danger">删除</a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!-- /.box-body -->
        <div class="box-footer">
        </div>
        <!-- /.box-footer-->
    </div>
    <!--/.box-->

</section>
<!-- /.content -->
<!--
<button class="btn btn-warning pull-right" data-toggle="modal" data-target="#modal">打开模态框</button>
-->

<!-- credit  Modal -->
<div class="modal fade" id="modal" tabindex="-1" role="dialog" >
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">添加预警规则</h4>
            </div>
            <div class="modal-body">
                <div class="row" style="margin-top: 10px">
                    <div class="col-md-2">
                        <label><span style="color: red;">* &nbsp;&nbsp;</span>名称</label>
                    </div>
                    <div class="col-md-10">
                        <input class="form-control" placeholder="预警规则名称" />
                    </div>
                </div>
                <div class="row row-sign-input" style="margin-top: 20px">
                    <div class="col-md-2" style="padding-right: 0;">
                        <label><span style="color: red;">* &nbsp;&nbsp;</span>预警分数</label>
                    </div>
                    <div class="col-md-10">
                        <input class="form-control" placeholder="预警课程学时达标分数" />
                    </div>
                </div>
                <div class="row row-sign-input" style="margin-top: 20px">
                    <div class="col-md-2" style="padding-right: 0;">
                        <label><span style="color: red;">* &nbsp;&nbsp;</span>预警时间</label>
                    </div>
                    <div class="col-md-10">
                        <div class="input-group">
                            <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </div>
                            <input type="text" class="form-control" data-inputmask="'alias': 'dd/mm/yyyy'" data-mask="">
                        </div>
                    </div>
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal">保存</button>
            </div>
        </div>
    </div>
</div>
<!--end modal-->